<template>
  <div>
    <div class="mod-userlog">
      <div class="wrap">
        <img src="~@/assets/images/uimg.png" alt="" />
        <a href="">{{username}}</a>
      </div>
    </div>

    <div class="mod-banner">
      <div class="wrap">
        <ul class="home-banner" id="home-banner">
          <li class="show">
            <a href=""><img src="~@/assets/images/nodata.png" alt="" /></a>
          </li>
        </ul>
        <ul class="banner-control">
          <li class="active">1</li>
          <li>2</li>
        </ul>
      </div>
    </div>
    
    <hr>
    <div class="mod-footer">
      <div class="logo"></div>
      <p>商务联系邮箱：4399youxi@4399inc.com</p>
    </div>
    <Menu></Menu>
  </div>
</template>

<script>
import Menu from "@/components/FixMenu.vue"
export default {
  data () {
    return {
      username:"未登录",
     

    };
  },

  components: {
    Menu
  },

  computed: {},

  mounted: {},

  methods: {}
}

</script>
<style lang='scss' scoped>

.wrap{
  width: 6.9rem;
  margin: 0 auto;
}
.mod-userlog {
  height: 0.88rem;
  padding-top: 0.16rem;
  font-size: 0.28rem;
  img {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.16rem 0.17rem 0.16rem 0;
    border-radius:0.3rem;
  
  }
}
.mod-banner{
  position: relative;
  margin-top: 0.3rem;
  .home-banner{
   
  }
  .banner-control{
    position: absolute;left:40%;bottom: 0.3rem;
    background-color: yellow;
  }
}

.mod-footer {
  height: 2.27rem;
  .logo {
    margin: 0.3rem auto;
    width: 1.71rem;
    height: 0.3rem;
    background: url("~@/assets/images/logo.png") no-repeat;
    background-size: 100% 88%;
  }
  p {
    text-align: center;
    font-size: 0.22rem;
    color: #838a96;
  }
}
</style>